<%@ page language="java" pageEncoding="UTF-8" %>
<ul id="template_${param.id}" style="display: none;">
    <li class="mainframe_li"><a name="#menu_name#" href="javascript:window['${param.id}'].click('#name#','#iconCls#','#href#',this);">
        <span><img src="#src#"/></span>#name#</span>
    </a></li>
</ul>
<div id="${param.id}">
<ul class="mainframe_business_ul"></ul>
</div>
<div class="mainfram_business_tree" id="tree_${param.id}"
     onselectstart="return false;" style="-moz-user-select:none;"></div>     
<!-- 取消双击选中字幕 -->
<script type="text/javascript" charset="utf-8">


    (function ()
    {
        var mainframe_tree,config = window["${param.id}"]={};
        //初始化tree
        var initTree = function ()
        {
            mainframe_tree = $('#tree_${param.id}').tree(
                    {
                    	/*lines :true,*/
                        onClick   : function (treeNode)//单击进入功能页面
                        {
                            if ($(this).tree('isLeaf', treeNode.target))//叶子节点才可以建立tab页
                                newTab(treeNode);
                        },
                        onDblClick: function (treeNode)//双击展开收缩
                        {
                            if (treeNode.state == 'closed')
                            {
                                $(this).tree('expand', treeNode.target);
                            } else
                            {
                                $(this).tree('collapse', treeNode.target);
                            }
                        },
                        // 数据加载
                        onLoadSuccess : function(node,data){
                        	/*data.forEach(function (d){
                        		// 打开地图
                                if(d.text=="地图显示"){                                 	
                                    newTab(d);
                                    var objs=$('.mainfram_business_tree').find('.tree-title');
                                    for(var i=0;i<objs.length;i++){
                                    	if($(objs[i]).html()=="地图显示"){
                                    		$($(objs[i]).parent()[0]).addClass("tree-node-selected");
                                    		break;
                                    	}
                                    }
                                }               
                            });*/
                        }

                    });
        };

        //加载tree
        var loadTree = function (data)
        {
            if (!mainframe_tree)
            {
                initTree();
            }
            $('#tree_${param.id}').tree("loadData", data);
            
        }
        //初始化Ul
        var initUl = function (data)
        {
            var template = $("#template_${param.id}").html();
            var li = '';
            data.forEach(function (d)
            {
                var src= location.path+"jslib/easyui/themes/"+ d.iconCls.replace("-","/").replace("icon","icons")+".png";
                var href = d.attributes.url;
                if((href.indexOf("javascript") == -1) && (href.indexOf("http") == -1)){
                    href = location.path+href;
                }
                li += template.replace(/#href#/g, href)
                        .replace(/#src#/g,  src)
                        .replace(/#iconCls#/g,d.iconCls)
                        .replace(/#name#/g, d.text)
                        .replace(/#menu_name#/g,d.text);
            });
            
            $("#${param.id}").find("ul").html(li);
            $(".mainframe_li a").on("click",function(){
                $("ul.mainframe_business_ul").find("a.selected").removeClass("selected");
                $(this).addClass("selected");
            });
            
            // 初始化完成后， 打开地图
            /*data.forEach(function (d)
            {
            	 /!*if(d.text=="地图显示"){
            		 window["${param.id}"].click(
            				 d.text,d.icons,location.path+d.attributes.url,this);
            		 $("a[name='地图显示']").addClass("selected");
            	 }*!/
            });*/
        }

        window["${param.id}"].click = function(text,iconCls,src,t){
            if(src && src.indexOf("javascript") != -1){
                src = src.replace(/^javascript:|\\();$/,"");
                eval(src);
                return;
            }
            var t = $('#mainframe_tabs');
            // 如果已经存在，选中，如果不存在，新增
            if (t.tabs('exists', text))
            {
                t.tabs('select', text);
            }else{
                newTab_addTab(t,text,iconCls,src);
            }
            //添加选中后的样式
            $(t).parents("li.mainframe_li").addClass("selected");
        }
        
        //请求数据
        $.request({        	
            url     : location.path + 'menuAction!queryTreeByPid.action?sortName=seq&uuid='+"${param.id}",
            dataType: "json",
            success : function (data)
            {
                if (data)
                {
                    var result = data.every(function (d)
                    {
                        return d.children.length < 1;
                    });
                    if (result)
                    {
                        initUl(data);
                    } else
                    {
                        loadTree(data);
                    }
                }
            }
        });
    })();

</script>